范围

addRange('name值', '标题' [, '提示', '默认值', '参数', '额外属性', '额外css类'])" class="reference-link">addRange('name值', '标题' [, '提示', '默认值', '参数', '额外属性', '额外css类'])

标识符：range

return ZBuilder::make('form')
    ->addRange('test1', '默认范围（10-100）')
    ->fetch();

默认值" class="reference-link">默认值

默认范围是10到100，初始值为10，也可以设置一个初始默认值。

return ZBuilder::make('form')
    ->addRange('test1', '默认范围（10-100）', '', 45)
    ->fetch();

注意，如果是两个值

参数" class="reference-link">参数

addRange方法支持定义33个不同的参数，包含了Range Sliders绝大部分的参数，详细参数可以参考Range Sliders官方网站。

下面演示一些常用参数

• 设置最小最大值

->addRange('test2', '最小最大值', '', 100, ['min' => 50, 'max' => 999])

• 设置网格

->addRange('test3', '网格', '', 50, ['grid' => 'true'])

• 设置范围

如果要设置两个值，需要将参数double设为true

->addRange('test4', '两个值', '', '', ['double' => 'true', 'from' => 40, 'to' => 80])

其中，from和to参数是取值范围，也可以写到默认值，两个值之间用;隔开。

->addRange('test4', '两个值', '', '40;80', ['double' => 'true'])

如果希望两个值之间的分割符为逗号，可以设置input_values_separator参数。

->addRange('test4', '两个值', '', '40,80', ['double' => 'true', 'input_values_separator' => ','])

这时候，默认值的两个值就要用,隔开，而不是用;隔开。

• 设置负值

->addRange('test5', '设置负值', '', 800, ['min' => -500, 'max' => 999])

• 设置步进值和显示网格

->addRange('test6', '设置步进值', '', 300, ['grid' => 'true', 'min' => 100, 'max' => 900, 'step' => 100])

以上设置了步进值为100，也就是每移动一次增加或减少100。

• 自定义

还可以自定义内容，比如定义为月份。

->addRange('test7', '自定义', '', 5, ['grid' => 'true', 'values' => '一月, 二月, 三月, 四月, 五月, 六月, 七月, 八月, 九月, 十月, 十一月, 十二月'])

其中，默认值5表示数据的第6位，也就是“六月”，它表示下标，数据的下标从0开始。

• 前缀

->addRange('test8', '前缀', '', '', ['grid' => 'true', 'min' => 1000, 'max' => 10000, 'from' => 2500, 'prefix' => '$'])

更多的设置方法，请大家参考Range Sliders的文档，自由发挥。